<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 2.参数解析  => 对url?之后的数据进行拆分解析  => 对象 {user:"xxx",pwd:"xxx",phone:"xxx",email:"xxx"}  => 提示 1. 多项数据之间用什么分隔?  2. 单条数据之间用什么分隔

    // 页面在跳转的同时,可以传递数据 => 参数数据队列(拼接在url之后,和url以?分隔)

    // 参数数据队列 
    // 1. 以键值对的形式存在 键名和键名都是字符串
    // 2. 键名和键值之间 以'='拼接
    // 3. 键值对之间以 '&'拼接

    var url = "https://www.baidu.com/index.html?user=a123123&pwd=123123&phone=17386151421&email=123132@qq.com";

    var index = url.indexOf("?");
    var search = url.substr(index + 1);
    console.log(search);

    // 将数据拆分为指定条数  ("&")
    var list = search.split("&");
    console.log(list); // ['user=a123123', 'pwd=123123', 'phone=17386151421', 'email=123132@qq.com']

    // 取出每一条的键名和键值  ("=")
    var data = {}
    list.forEach(item => {  // 'user=a123123'
        var key = item.split("=")[0];
        var val = item.split("=")[1];
        data[key] = val;
    })
    console.log(data);



    // 对象解析为参数数据队列
    var data = { user: 'a123123', pwd: '123123', phone: '17386151421', email: '123132@qq.com' };

    var list = [];
    for (var key in data) {
        var val = data[key];
        list.push(key + "=" + val);  //'user=a123123'
    }
    console.log(list);

    data = list.join("&");
    console.log(data);






</script>

</html>